<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <style>
      /* 样式 */
      .btn {
        background-color: pink;
        font-size: 24px;
        font-weight: bolder;
        border: 1px solid #ccc;
        border-radius: 22px;
        height: 44px;
      }
    </style>
    <script>
      // 逻辑
      //   function test() {
      //     alert("我再次回到了编程圣体");
      //   }
      const test = () => {
        alert("我再次回到了编程圣体");
      };
    </script>
  </head>
  <body>
    <button
      style="background-color: pink; font-size: 24px; font-weight: bolder"
      onclick="alert('你是先天编码圣体')"
    >
      天赋预测
    </button>

    <button class="btn" onclick="test()">再次成为编程圣体</button>
  </body>
</html>
